.dux-form {
  margin-top: 1rem;
  font-size: 1.4rem;
  .dux-form-title {
    font-size: 1.4rem;
    padding: 5px 10px;
    small {
      color: $color-text-secondary;
    }
  }
  .uk-form-label {
    display: block;
    margin-bottom: 5px;
  }
  .uk-input-group {
    border-bottom: 1px solid #eee;
    background: #fff;
    display: flex;
    .uk-input-group-label {
      background: inherit;
      border: none;
      color: #333;
      height: 45px;
      line-height: 45px;
      font-size: 1.4rem;
      width: auto;
      vertical-align: top;
      display: block;
      padding: 0 10px;
      margin: 0;
      a {
        font-size: 1.4rem;
      }
      &:first-child {
        width: 100px;
        text-align: left;
      }
      i {
        font-size: 1.6rem;
      }
    }
    .uk-input-group-btn {
      background: inherit;
      width: auto;
      display: block;
      padding: 5px 10px;
      > .uk-button {
        border: none;
      }
    }
    .uk-form-field {
      border: none;
      min-height: 45px;
      height: auto;
      padding: 10px 0;
      padding-right: 20px;
      flex: 1;
      &:focus {
        outline: none;
      }
      font-size: 1.4rem;
    }
    .uk-form-controls-text {
      background: inherit;
      line-height: 22px;
      font-size: 1.4rem;
      min-height: 45px;
      display: block;
      padding: 11px 0;
      padding-right: 10px;
      color: $color-text-secondary;
      flex: 1;
      img {
        vertical-align: text-top;
      }
    }
    .uk-form-more {

    }
  }

  .uk-form-group {
    .uk-form-label {
      small {
        color: $color-text-secondary;
        font-size: 1.4rem;
      }
    }
    .uk-form-controls-text {
      label {
        background: #fff;
        display: block;
        margin: 0;
        padding: 10px;
        border: 1px solid #ddd;
        border-bottom: 0;
        &:last-child {
          border-bottom: 1px solid #ddd;
        }
      }
    }
    .uk-text-content {
      background: #fff;
      display: block;
      line-height: 1.35;
      min-height: 36px;
      padding: .6em;
      border: 1px solid #ddd;
      color: #555;
    }
  }

  input[type=number], input[type=search], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=email], input[type=url], input[type=tel], input[type=color], select, textarea, .uk-form-field {
    font-size: 1.4rem;
    &:focus {
      background: #fff;
    }
  }

  input[type=number][disabled], input[type=number][readonly], input[type=search][disabled], input[type=search][readonly], input[type=text][disabled], input[type=text][readonly], input[type=password][disabled], input[type=password][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=date][disabled], input[type=date][readonly], input[type=month][disabled], input[type=month][readonly], input[type=time][disabled], input[type=time][readonly], input[type=week][disabled], input[type=week][readonly], input[type=email][disabled], input[type=email][readonly], input[type=url][disabled], input[type=url][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=color][disabled], input[type=color][readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly], .uk-form-field[disabled], .uk-form-field[readonly], fieldset[disabled] input[type=number], fieldset[disabled] input[type=search], fieldset[disabled] input[type=text], fieldset[disabled] input[type=password], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=date], fieldset[disabled] input[type=month], fieldset[disabled] input[type=time], fieldset[disabled] input[type=week], fieldset[disabled] input[type=email], fieldset[disabled] input[type=url], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=color], fieldset[disabled] select, fieldset[disabled] textarea, fieldset[disabled] .uk-form-field {
    background: #fff;
    color: #777;
  }
}


.dux-form-right {
  .uk-form-field {
    text-align: right;
  }
  select.uk-form-field {
    padding-right: 20px;
    direction: rtl;
  }
  .uk-form-controls-text {
    text-align: right;
  }
}
